<!doctype html>
<html lang="zh-CN">
	<head>
		<!-- 必须的 meta 标签 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap 的 CSS 文件 -->
		<link href="../libs/bootstrap-4.6.1-dist/css/bootstrap.min.css">

		<title>Hello, world!</title>
		<style>
			header {
				height: 60px;
				border: 1px solid blue;
				border-bottom: 1px solid rgba(255, 255, 255, .5);
			}

			.header>section {
				border: 1px solid red;
				height: 60px;
			}
		</style>
	</head>
	<body>
		<header class="container">
			<section class="row header">
				<section class="col-6"></section>
				<section class="col-6"></section>
			</section>

		</header>


		<!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可！ -->

		<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
		<script src="../libs/jquery-3.5.1/jquery.slim.min.js">
		</script>
		<script src="../libs/bootstrap-4.6.1-dist/js/bootstrap.bundle.min.js">
		</script>

		<!-- 选项 2：Popper 和 Bootstrap 的 JS 插件各自独立 -->
		<!--
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-IjeXbuVdL81ilB5LykkImU8JN0WPja/i9uZAt2qjo2TnYk9NJ2MPfN3vzMH0R8n3" crossorigin="anonymous"></script>
    -->
	</body>
</html>
